<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>��ҳ - ��ͼ -</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollfollow.js"></script>
<script type="text/javascript" src="js/flash.js"></script>
<script type="text/javascript" src="js/int.js"></script>
</head>
<body style="background-color:#77CCEC">
	<div id="topBar">
		<div class="wrapper">
			<div class="l">�ο���ã���ӭ���ʿ�������ι�����</div>
		</div>
	</div>
	<div id="header" style="background: url(images/body_bg.jpg);">
		<div class="wrapper">
			<div class="logo">
				
			</div>
			<form target="_blank" action="/search.aspx" method="get">
				<div class="search">
					<dl>
						<dd>
							<a id="search_type1"
								onclick="select_search_type(1);return false;" href="#"
								class="current">����</a>
						</dd>
						<dd>
							<a id="search_type2"
								onclick="select_search_type(2);return false;" href="#">��·</a>
						</dd>
						<dd>
							<a id="search_type3"
								onclick="select_search_type(3);return false;" href="#">��Ѷ</a>
						</dd>
					</dl>
					<div>
						<input type="text" name="q"
							onfocus="if(this.value=='����һ�����������'){this.value='';}"
							value="����һ�����������" /> <input name="search_type" id="search_type"
							value="1" type="hidden" />
						<button type="submit">����</button>
					</div>
					<p>
						<strong>����������</strong><a
							href="/search.aspx?search_type=1&q=%D0%CB%CE%C4%CA%AF%BA%A3">����ʯ��</a><a
							href="/search.aspx?search_type=1&q=%83k%CD%F5%C9%BD%BE%B0%C7%F8">�k��ɽ����</a><a
							href="/search.aspx?search_type=3&q=+%CF%E3%CB%AE%C9%BD"> ��ˮɽ</a><a
							href="/search.aspx?search_type=1&q=%D1%CF%BC%D2%B6%B4">�ϼҶ�</a>
					</p>
				</div>
			</form>
		</div>
	</div>
	<div id="nav">
		<dl>
			<div>
				<iframe
					src="http://m.weather.com.cn/m/pn8/weather.htm?id=101271110T "
					width="480" height="20" marginwidth="0" marginheight="0" hspace="0"
					vspace="0" frameborder="0" allowtransparency="true" scrolling="no"></iframe>
			</div>
			<dd>
				<a href="/service" target="_blank" class="a1">���η�������</a>
			</dd>
			<dd>
				<a href="/diy/" target="_blank" class="a2">���Ի���·���</a>
			</dd>
			<dd>
				<a href="/xuniyou/" target="_blank" class="a3">�����μ�</a>
			</dd>
		</dl>
		<ul>
			<li><a href="index.html" class="a1">��ҳ</a></li>
			<li><a href="travel tips.html" class="a2">���ι���</a></li>
			<li><a href="destination.html" class="a4">Ŀ�ĵ�</a></li>
			<li><a href="map.html" class="a6">��ͼ</a></li>
			<li><a href="qa.html" class="a5">�ʴ�</a></li>
			<li><a href="my.html" class="a7">��������</a></li>
		</ul>
	</div>
	<script type="text/javascript">
function select_search_type(n){
	document.getElementById('search_type1').className='';
	document.getElementById('search_type2').className='';
	document.getElementById('search_type3').className='';
	document.getElementById('search_type'+n).className='current';
	document.getElementById('search_type').value=n;
}
</script>
	<link charset="utf-8" type="text/css" rel="stylesheet"
		href="http://youresource.c-ctrip.com/common/css/common.v2.0.css?t=20140807180859" />
	<link charset="utf-8" type="text/css" rel="stylesheet"
		href="http://youresource.c-ctrip.com/fed/css/fed.v2.0.css?t=20140807180859" />
	<link rel="alternate" media="only screen and (max-width: 640px)"
		href="http://m.ctrip.com/you/travels/" />
	<link charset="utf-8" type="text/css" rel="stylesheet"
		href="http://youresource.c-ctrip.com//travels/css/index_waterfall.v2.0.css?t=20140807180859" />
	<style type="text/css">
.nav-bg-follow {
	background-color: rgba(255, 255, 255, .95);
	background-color: #fff\9;
}
</style>

	<script language="JavaScript" type="text/javascript">
    $(function(){
        $('.nav-drop').mouseenter(function(ev) {
            var target = $(ev.currentTarget);
            clearTimeout(target.data('hideTimer'));
            target.addClass('drop-open');
            target.children('drop-bd').fadeIn(200);
        });
        $('.nav-drop').mouseleave(function(ev) {
            var target = $(ev.currentTarget);
            target.data("hideTimer", setTimeout(function() {
                target.removeClass('drop-open');
                target.children('drop-bd').fadeOut(200);
            }, 100));
        });
       
</script>

	<div class="wrapper">
		<div class="first-screen clearfix">
			<div class="m-photo">
				<img
					src="http://file21.mafengwo.net/M00/46/2B/wKgB3FHx_PGAXWzJAAW_h6qDuz003.gonglve.w680.jpeg"
					width="680" height="360">

					<div class="p-aside" style="float: right">


						<div class="m-box m-gonglve"
							style="margin-top: 10px;">
							<div class="hd">
								<h2>���ι�������</h2>
							</div>
							<div class="bd slide book-slide">
								<ul class="slide-list" style="width: 200px;">
									<li><img
										src="http://file27.mafengwo.net/M00/0A/3E/wKgB6lO1GdCAelbMAArmeoaovdo94.book.w90.jpeg"
										width="90" height="127"></a></li>

								</ul>
							</div>
						</div>


					</div>
			</div>
		</div>
		<!-- m-photo end -->



		<div class="bd clearfix">
			<div class="rank-item rank-jd" style="width:100%;height:400px;">

				<ol class="r-bd">

					<li class="top1" style="float:left;display:inline;"><a href="/poi/3474.html" target="_blank">
							<span class="img"><img
								src="http://file4.mafengwo.net/M00/08/5F/wKgBm037WEmcqw73AAGJMoY-tdg72.rbook_comment.w135.jpeg"
								width="110" height="70"><em class="r-num">1</em></span> <span
							class="r-tit" title="�ʹ�(The Palace Museum)">�ʹ�(The Palace
								Museum)</span>
							<p>
								<span class="num-orange">403</span>�μ��ἰ
							</p>
							<p>
								<span class="num-blue">3870</span>����
							</p>
					</a></li>
					<li class="top1"><a href="/poi/3498.html" target="_blank">
							<span class="img"><img
								src="http://file21.mafengwo.net/M00/21/3B/wKgB21B1w6KXFlfHAAGXJ8nROpc03.rbook_comment.w135.jpeg"
								width="110" height="70"><em class="r-num">3</em></span> <span
							class="r-tit" title="�찲�Ź㳡">�찲�Ź㳡</span>
							<p>
								<span class="num-orange">171</span>�μ��ἰ
							</p>
							<p>
								<span class="num-blue">3239</span>����
							</p>
					</a></li>
				</ol>
			</div>


<!-- m-rank end -->
<style type="text/css">
.post-label {
	float: left;
	padding-left: 20px;
	padding-top: 13px;
}

.post-label a {
	font-size: 14px;
	padding: 5px;
}

.post-label .on {
	color: #333;
	background-color: #dfdfdf;
	margin: 5px;
}
.top1 {
	float:left;display:inline;
}



<style type="text/css">
.map-mark {
	width: 24px;
	height: 28px;
	background:
		url(http://images.mafengwo.net/images/mdd/new_img/hotel-maps-bg11.png)
		no-repeat -35px 0;
	overflow: hidden;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	cursor: pointer;
	position: relative;
}

.map-mark.on {
	background-position: -35px -35px;
	z-index: 1009;
}
</style>


<div id="footer">
	<div class="nav">
		<ul>
			<li><a href="/service/info_view.aspx?aid=5" target="_blank">��������</a></li>
			<li><a href="/service/info_view.aspx?aid=6" target="_blank">������</a></li>
			<li><a href="/service/info_view.aspx?aid=7" target="_blank">��ϵ��ʽ</a></li>
			<li><a href="/service/info_view.aspx?aid=8" target="_blank">��վ����</a></li>
			<li><a href="/service/info_view.aspx?aid=9" target="_blank">��ƸӢ��</a></li>
			<li><a href="/service/info_view.aspx?aid=10" target="_blank">�������</a></li>
			<li><a href="#">���ض���</a></li>
		</ul>
	</div>
</div>
</body>
</html>
